<ion-header>
  <ion-toolbar class="orange-bar">
    <ion-buttons slot="start">
      <ion-button color="light" (click)="goBack()">
        <ion-icon name="ios-arrow-back"></ion-icon>
      </ion-button>
    </ion-buttons>
    <ion-title>{{title}}({{bidNo}})</ion-title>
  </ion-toolbar>
  <ion-toolbar>
    <ion-item lines="none">
      <ion-row>
        <ion-col size="4" text-center>账单编号</ion-col>
        <ion-col size="4" text-center>应收本息</ion-col>
        <ion-col size="4" text-center>到期日期</ion-col>
      </ion-row>
    </ion-item>
  </ion-toolbar>
</ion-header>

<ion-content>
  <ion-list *ngIf="dataList && dataList.length > 0;else nullBlock">
    <ion-item detail *ngFor="let data of dataList" [routerLink]="['/auth/user-lend-bill-detail', {bidId: data['bidId'], billInvestId: data['billInvestId']}]">
      <ion-row>
        <ion-col size="5">{{data['billInvestNo']}}</ion-col>
        <ion-col size="4" text-center>
          <ion-text color="tertiary">
            {{(data['receiveCorpus'] + data['receiveInterest']) | number:'.2-2'}}元
          </ion-text>
        </ion-col>
        <ion-col size="3" text-right>{{data['receiveTime'] | date:'yy/MM/dd'}}</ion-col>
      </ion-row>
    </ion-item>
  </ion-list>
  <ng-template #nullBlock>
    <ion-list>
      <ion-item><ion-label>暂无相关内容</ion-label></ion-item>
    </ion-list>
  </ng-template>
</ion-content>
